<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
	<title>文章详情</title>
	<style>
		*{padding:0px;margin:0px;}
		.main{
			width: 100%;
			margin: 0 auto;
		}
		.return{
			float: left;
		}
		.upload{
			float: right;
		}
		.content{
			position: relative;
			padding: 12px 12px 2px 12px;
		}
		.title{
			font-size: 20px;
			font-weight: bold;
		}
		.author{position: relative;margin: 10px 0px;}
		.author img{width: 36px;height: 36px;border-radius: 50%;}
		.info{position: absolute;left: 46px;top: 4px;font-size: 12px;}
		.name{font-weight: bold;line-height: 17px;}
		.time{color: #ccc;}
		.text{padding: 0px 12px 12px 12px;color: #3c3c3c;text-indent:20px;}
		.text img{width: 92%;margin: 8px 2px;}
		.text p{margin: 4px 0px;padding:0px 4px;line-height: 20px;}
	</style>
</head>
<body>

	<div class="main">
		<div class="content">
			<div class="title">{{$articles->title}}</div>
			<div class="author">
				<img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg" alt="">
				<div class="info">
					<p class="name">{{$articles->author}}</p>
					<p class="time">{{$articles->create_time}}</p>
				</div>
			</div>
		</div>
		<div class="text">
			{!! $articles->content !!}
		</div>
	</div>

</body>
</html>
        
        
        
        